<!DOCTYPE html>
<!-- saved from url=(0051)https://websocket.kleshuo.com/Views/KP/#/index/main -->
<html>
<!--<head>-->
<!--    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">-->
<!--    <meta name="viewport" content="width=device-width,initial-scale=1">-->
<!--    <title>invoicingsystem</title>-->
<!--    <link href="./public/app.a98501b065b72906e12c02c8483484df.css" rel="stylesheet">-->
<!--</head>-->
{include file="public/head"}
<body>
<style type="text/css" media="all">
    a {
        color: #000;
    }

    .el-menu-item i {
        font-size: 25px;
        margin-right: 5px;
        color: #fff;
    }

    .el-menu-item {
        height: 80px !important;
    }

    .b-index {
        height: 623px;
        /*width: 1000px;*/
        position: absolute;
        margin: auto;
        top: 82%;
        left: 60%;
        right: 0;
        bottom: 0;
        transform: translate(-50%, -50%);
    }

    .main .el-col {
        height: auto;
        margin: 10px 0;
    }

    .main-item2:after{
        height: 113px;
    }
    .main-item4:after {
        width: 3px;
        right: 80px;
        top: -26px;
        height: 157%;
    }

    .main-item6:after {
        width: 3px;
        right: 80px;
        top: -32px;
        height: 102px;
    }

    .main-item9:after {
        content: "";
        width: 3px;
        left: 70px;
        top: 0;
        height: 153%;
        margin: auto;
        position: absolute;
        background-color: #bfdff9;
    }
	.b-index .main-item3:after{
		height: 113px;
	}
	 .repair, .outbox,.unopened {
        position: fixed;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        width: 100vw;
        height: 100vh;
        z-index: 1000;
        background: #00000080;
        display: none;
    }

    .outbg {
        position: fixed;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        width: 600px !important;
        z-index: 1000;
        background: #f0f0f0;
    }
   
    .outbg .out-title {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 5px;
        box-sizing: border-box;
        background: #1D5B96;
        color: #fff;
        font-size: 14px;
    }
	.repair-body {
        padding: 20px;
    }

    .repair_type {
        margin-bottom: 8px;
    }
    .repair_tips{
        color: #777;
        margin-bottom: 20px;
    }
    .outlit{
        display: flex;
        align-items: center;
    }
    .outlit .outright{
        margin-left: 6.5%;
    }
    .lititem {
        flex: 1;
        
    }
    .outinput{
        display: flex;
        align-items: center;
        margin-top: 10px;
    }
    .outinput input{
        margin-left:10px;
        background: #fff;
        outline: 0;
        border: 0;
        height: 30px;
        line-height: 30px;font-size: 14px;
        padding: 5px;
        box-sizing: border-box;
        width: 80px;
    }
    .repair_type select {
        height: 30px;
        width: 150px;
        border-color: #ccc;
        border-radius: 3px;
        color: #555;
    }

    .repair_type label {
        font-weight: normal;
        margin-right: 10px;
    }

    .repair_type.time {
        display: flex;
        align-items: center;
    }

    .repair_type.time span {
        margin-right: 3px;
    }

    .repair_type .el-col {
        margin: 0;
    }

    .numseg {
        display: none;
    }

    .numseg input {
        width: 27%;
        padding: 5px;
        border: 1px solid #ccc;
        border-radius: 4px;
    }

    .repair_content {
        min-height: 100px;
        background: #fff;
        border: 1px solid #ccc;
    }
</style>
<div id="app">
    <div data-v-7e78db3a="" class="index-div">
        <section data-v-7e78db3a="" class="el-container is-vertical">
            {include file="public/nav"}
            <section data-v-7e78db3a="" class="el-container">
                <aside data-v-7e78db3a="" class="el-aside aside-div" style="width: 140px;">
                    <div data-v-7e78db3a="" class="index-left">
                        <ul data-v-7e78db3a="" role="menubar" class="el-menu">
                            <a href="{:URL('Index/index')}" style="color: #fff;">
                                <li data-v-7e78db3a="" role="menuitem" tabindex="-1" class="el-menu-item"
                                    style="padding-left: 26px;">
                                    <i data-v-7e78db3a="" class="iconfont icon-shouye"></i> <span
                                        data-v-7e78db3a="">首页</span></li>
                            </a>
                            <a href="{:URL('index/bill')}" style="color: #ff9a23;">
                                <li data-v-7e78db3a="" role="menuitem" tabindex="-1" class="el-menu-item  is-active"
                                    style="padding-left: 20px;">

                                    <img src="__STATIC__/new/images/menu2_a.png" alt="" /> <span data-v-7e78db3a="">发票管理</span>
                                </li>
                            </a>
                            <a href="{:URL('Invoice/data')}" style="color: #fff;">
                                <li data-v-7e78db3a="" role="menuitem" tabindex="-1" class="el-menu-item"
                                    style="padding-left: 20px;">
                                    <img src="__STATIC__/new/images/menu3.png" alt="" /> <span data-v-7e78db3a="">数据管理</span>
                                </li>
                            </a>
                            <a href="{:URL('Invoice/settings')}" style="color: #fff;">
                                <li data-v-7e78db3a="" role="menuitem" tabindex="-1" class="el-menu-item  "
                                    style="padding-left: 20px;"><img src="__STATIC__/new/images/menu4.png" alt="" />
                                    <span data-v-7e78db3a="">系统设置</span></li>
                            </a>
                            <a href="{:URL('Invoice/maintain')}" style="color: #fff;">
                                <li data-v-7e78db3a="" role="menuitem" tabindex="-1" class="el-menu-item"
                                    style="padding-left: 20px;"><img src="__STATIC__/new/images/menu5.png" alt="" /> <span
                                        data-v-7e78db3a="">系统维护</span></li>
                            </a>
                        </ul>
                    </div>
                </aside>
                <main data-v-7e78db3a="" class="el-main">
                    <div data-v-7e78db3a="" class="list" style="">
                        <ul data-v-7e78db3a="" class="div-item">
                            <li data-v-7e78db3a="" class="active">
                                发票管理首页
                            </li>
                            <a href="{:URL('Invoice/bill2')}" style="color:#000">
                                <li data-v-7e78db3a="" class="">
                                    正数发票填开
                                </li>
                            </a>
                            <a href="{:URL('Invoice2/bill3')}" style="color:#000">
                                <li data-v-7e78db3a="" class="">
                                    负数发票填开
                                </li>
                            </a>
                            <a href="{:URL('Invoice2/bill4')}" style="color:#000">
                                <li data-v-7e78db3a="" class="">
                                    发票作废管理
                                </li>
                            </a>
                            <a href="{:URL('Invoice2/bill5')}" style="color:#000">
                                <li data-v-7e78db3a="" class="">
                                    发票查询管理
                                </li>
                            </a>
                            <a href="{:URL('Invoice2/bill6')}" style="color:#000">
                                <li data-v-7e78db3a="" class="">
                                    发票领购管理
                                </li>
                            </a>
                            <a href="{:URL('Invoice2/bill7')}" style="color:#000">
                                <li data-v-7e78db3a="" class="">
                                    红字信息表
                                </li>
                            </a>
                            <a href="{:URL('Invoice2/bill8')}" style="color:#000">
                                <li data-v-7e78db3a="" class="">
                                    发票修复管理
                                </li>
                            </a>
                            <a href="{:URL('Invoice2/bill9')}" style="color:#000">
                                <li data-v-7e78db3a="" class="">
                                    打印格式查看
                                </li>
                            </a>
                        </ul>
                    </div>
                    <div data-v-7e78db3a="" class="list" style="display: none;">
                        <ul data-v-7e78db3a="" class="div-item">
                            <li data-v-7e78db3a="" class="active">
                                数据管理首页
                            </li>
                            <li data-v-7e78db3a="" class="">
                                数据处理
                            </li>
                            <li data-v-7e78db3a="" class="">
                                发票资料统计
                            </li>
                        </ul>
                    </div>
                    <div data-v-7e78db3a="" class="list" style="display: none;">
                        <ul data-v-7e78db3a="" class="div-item">
                            <li data-v-7e78db3a="" class="active">
                                系统设置首页
                            </li>
                            <li data-v-7e78db3a="" class="">
                                基础编码设置
                            </li>
                            <li data-v-7e78db3a="" class="">
                                税务UKey设置
                            </li>
                            <li data-v-7e78db3a="" class="">
                                系统参数设置
                            </li>
                        </ul>
                    </div>
                    <div data-v-7e78db3a="" class="list" style="display: none;">
                        <ul data-v-7e78db3a="" class="div-item">
                            <li data-v-7e78db3a="" class="active">
                                系统维护首页
                            </li>
                            <li data-v-7e78db3a="" class="">
                                系统基础维护
                            </li>
                            <li data-v-7e78db3a="" class="">
                                数据备份恢复
                            </li>
                        </ul>
                    </div>
                    <div data-v-7e78db3a="" class="bill-div">
                        <div class="main b-index">
                            <div class="el-row">
                                <div class="el-col el-col-4">
                                    <a href="{:URL('Invoice2/fpwssl')}" class="item-div">
                                        <p class="item-img"><img
                                                src="">
                                        </p>
                                        <p class="item-name">发票网上申领</p>
                                    </a>
                                </div>
                                <div class="el-col el-col-4">
                                    <div class="main-item1" style="visibility: hidden;"></div>
                                </div>
                                <div class="el-col el-col-4">
                                    <div id="repair" class="item-div">
                                        <p class="item-img"><img
                                                src="">
                                        </p>
                                        <p class="item-name">发票修复</p>
                                    </div>
                                </div>
                                <div class="el-col el-col-4">
                                    <div class="main-item2">
                                        <div class="triangle_border_right"><span></span></div>
                                    </div>
                                </div>
                                <div class="el-col el-col-4">
                                    <a href="{:URL('Invoice/invoicingsystem')}">
                                        <div class="item-div">
                                            <p class="item-img"><img
                                                    src="">
                                            </p>
                                            <p class="item-name">已开发票查询</p>
                                        </div>
                                    </a>
                                </div>
                            </div>
                            <div class="el-row">
                                <div class="el-col el-col-4">
                                    <div class="main-item7">
                                        <div class="triangle_border_down"><span></span></div>
                                    </div>
                                </div>
                                <div class="el-col el-col-4">
                                    <div class="main-item7" style="visibility: hidden;"></div>
                                </div>
                                <div class="el-col el-col-4">
                                    <div class="main-item7" style="visibility: hidden;"></div>
                                </div>
                                <div class="el-col el-col-4">
                                    <div class="main-item8"></div>
                                </div>
                            </div>
                            <div class="el-row">
                                <div class="el-col el-col-4">
                                    <a href="{:URL('Invoice2/fpwsff')}" class="item-div">
                                        <p class="item-img"><img
                                                src="">
                                        </p>
                                        <p class="item-name">发票网上分发</p>
                                    </a>
                                </div>
                                <div class="el-col el-col-4">
                                    <div class="main-item3">
                                        <div class="triangle_border_right"><span></span></div>
                                    </div>
                                </div>
                                <div class="el-col el-col-4">
                                    <a href="{:URL('Invoice/kpindex')}">
                                        <div class="item-div">
                                            <div>
                                                <p class="item-img"><img
                                                        src="">
                                                </p>
                                                <p class="item-name">发票填开</p>
                                            </div>
                                    </a>
                                    <div class="active-div" style="display: none;"><i
                                            class="el-icon-caret-left act-left"
                                            style="font-size: 31px; color: rgb(82, 132, 187);"></i>
                                        <p class="act-p1">增值税专用发票</p>
                                        <p class="act-p1">增值税普通发票</p>
                                        <p class="act-p1">增值税电子专用发票</p>
                                        <p class="act-p1">增值税电子普通发票</p>
                                    </div>
                                </div>
                            </div>
                            <div class="el-col el-col-4">
                                <div style="position: relative;">
                                    <div class="main-item4">
                                        <div class="triangle_border_right"><span></span></div>
                                    </div>
                                </div>
                            </div>
                            <div class="el-col el-col-4">
                                <a href="{:URL('Invoice2/ykfpzf')}" class="main-item-1">
                                    <p class="item-img"><img
                                            src="">
                                    </p>
                                    <p class="item-name">已开发票作废</p>
                                </a>
                            </div>
                        </div>
                        <div class="el-row">
                            <div class="el-col el-col-4">
                                <div class="main-item7" style="visibility: hidden;"></div>
                            </div>
                            <div class="el-col el-col-4">
                                <div class="main-item9"></div>
                            </div>
                            <div class="el-col el-col-4">
                                <div class="main-item7" style="visibility: hidden;"></div>
                            </div>
                            <div class="el-col el-col-4">
                                <div class="main-item8"></div>
                            </div>
                        </div>
                        <div class="el-row">
                            <div class="el-col el-col-4">
                                <a href="{:URL('Invoice2/fpkccx')}" class="item-div">
                                    <p class="item-img"><img
                                            src="">
                                    </p>
                                    <p class="item-name">库存查询</p>
                                </a>
                            </div>
                            <div class="el-col el-col-4">
                                <div class="main-item5"></div>
                            </div>
                            <div class="el-col el-col-4">
                                <a href="{:URL('Invoice2/hsfp')}" class="item-div">
                                    <p class="item-img"><img
                                            src="">
                                    </p>
                                    <p class="item-name">红字信息表填开</p>
                                </a>
                            </div>
                            <div class="el-col el-col-4">
                                <div class="main-item6">
                                    <div class="triangle_border_right"><span></span></div>
                                </div>
                            </div>
                            <div class="el-col el-col-4">
                                <div class="item-div" id="unopened">
                                    <p class="item-img"><img
                                            src="">
                                    </p>
                                    <p class="item-name">未开发票作废</p>
                                </div>
                            </div>
                        </div>
                        <div class="el-dialog__wrapper" style="display: none;">
                            <div role="dialog" aria-modal="true" aria-label="dialog" class="el-dialog"
                                 style="margin-top: 15vh; width: 600px;">
                                <div class="el-dialog__header">
                                    <div class="header-title"><span>开具红字发票信息选择</span> <span
                                            class="title-tip">(增值税专用发票)</span></div>
                                    <button type="button"
                                            aria-label="Close" class="el-dialog__headerbtn"><i
                                            class="el-dialog__close el-icon el-icon-close"></i></button>
                                </div>
                                <!---->
                                <div class="el-dialog__footer">
                                    <div class="dialog-footer">
                                        <button type="button"
                                                class="el-button el-button--default">
                                            <!---->
                                            <!----><span>下一步</span>
                                        </button>
                                        <button type="button"
                                                class="el-button el-button--default">
                                            <!---->
                                            <!----><span>取 消</span>
                                        </button>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="el-dialog__wrapper dialogRemove" style="display: none;">
                            <div role="dialog" aria-modal="true" aria-label="系统提示" class="el-dialog"
                                 style="margin-top: 15vh; width: 440px;">
                                <div class="el-dialog__header"><span
                                        class="el-dialog__title">系统提示</span>
                                    <button type="button"
                                            aria-label="Close" class="el-dialog__headerbtn"><i
                                            class="el-dialog__close el-icon el-icon-close"></i></button>
                                </div>
                                <!---->
                                <div class="el-dialog__footer"><span><button type="button"
                                                                             class="el-button el-button--default">
														<!---->
                                    <!----><span>确 定</span>
													</button></span></div>
                            </div>
                        </div>
                    </div>
    </div>
    </main>
    </section>
    </section>
    <div data-v-7e78db3a="" class="el-dialog__wrapper dialogRemove" style="display: none;">
        <div role="dialog" aria-modal="true" aria-label="系统提示" class="el-dialog"
             style="margin-top: 15vh; width: 440px;">
            <div class="el-dialog__header"><span class="el-dialog__title">系统提示</span>
                <button type="button"
                        aria-label="Close" class="el-dialog__headerbtn"><i
                        class="el-dialog__close el-icon el-icon-close"></i></button>
            </div>
            <!---->
            <div class="el-dialog__footer"><span data-v-7e78db3a=""><button data-v-7e78db3a="" type="button"
                                                                            class="el-button el-button--default">
									<!---->
                <!----><span>确 定</span>
								</button></span></div>
        </div>
    </div>
</div>
<div class="fixedbox repair">
    <div class="outbg">
        <div class="out-title">
            <div class="out_left">
                <img src=""
                     alt=""/>
                <span>发票修复</span>
            </div>
            <img src="__STATIC__/tax/images/close-window.svg" id=close-repair""
                 class="outcancle" alt=""/>
        </div>
        <div class="repair-body">
            <div class="repair_type">
                <span>发票类型:</span>
                <select name="col_2">
                    <option value="1">增值税普通发票</option>
                    <option value="2">增值税专用发票</option>
                </select>
            </div>
            <div class="repair_type">
                <span>修复方式:</span>
                <label>
                    <input type="radio" name="xf" id="show_time" value="1" checked/>
                    <span>按时间修复</span>
                </label>
                <label>
                    <input type="radio" name="xf" id="show_num" value="2"/>
                    <span>按号段修复</span>
                </label>
            </div>
            <div class="repair_type time">
                <span>修复时间:</span>
                <div class="el-row" style="width:80%">
                    <div class="el-col el-col-10">
                        <div class="lnvo-div-item">
                            <div class="el-input">
                                <input type="text" readonly class="layui-input"
                                       name="begin_time" id="begin" placeholder="请选择"
                                       style="height:30px" value="">
                            </div>
                        </div>
                    </div>
                    <div class="el-col el-col-10">
                        <div class="lnvo-div-item">
                            <div class="el-input">
                                <input type="text" readonly class="layui-input"
                                       name="end_time" id="end" placeholder="请选择"
                                       style="height:30px" value="">
                            </div>
                        </div>
                    </div>
                </div>

            </div>
            <div class="repair_type numseg">
                <span>修复号段:</span>
                <input type="text" placeholder="发票代码"/>
                <input type="text" placeholder="发票起号"/>
                <input type="text" placeholder="发票止号"/>
            </div>
            <div class="repair_content">

            </div>
        </div>
        <div class="out-btn">
            <button id="sureRepair">修复</button>
            <button class="outrepair">取消</button>
        </div>
    </div>
</div>
<div class="fixedbox unopened">
    <div class="outbg">
        <div class="out-title">
            <div class="out_left">
                <img src=""
                     alt=""/>
                <span>未开发票作废</span>
            </div>
            <img src="__STATIC__/tax/images/close-window.svg" id="close-repair"
                 class="outcancle" alt=""/>
        </div>
        <div class="repair-body">
            <div class="repair_tips">
                现在显示的为将要作废的未开发票的类型、代码、号码，此发票作废后，将不能再次使用
            </div>
            <div class="repair_type outlit">
                <select name="col_2">
                    <option value="1">增值税普通发票</option>
                    <option value="2">增值税专用发票</option>
                </select>
                <div class="outright">
                    发票代码: 044031900104
                </div>
            </div>
            <div class="outlit">
                <div class="lititem">
                    当前号码: 92284186
                </div>
                <div class="lititem">
                    终止号码: 92284206
                </div>
                <div class="lititem">
                    当前剩余份数: 21
                </div>
            </div>
            <div class="outinput">
                作废份数:<input type="text" />
            </div>
            
        </div>
        <div class="out-btn">
            <button id="sureRepair">确认</button>
            <button class="outrepair">取消</button>
        </div>
    </div>
</div>
</div>
<div class="footer-time"
     style="position: fixed;bottom: 0;width: 100%;left: 0;background: #00000024;    z-index: 999;    color: #000;display: flex;justify-content: flex-end;padding: 5px 10px;font-size: 15px;">
    <span id="f-now-time"></span>
</div>
{include file="public/foot"}
</body>
<script type="text/javascript" charset="utf-8">

$('.outrepair').click(function () {
        $('.fixedbox').hide()
    })
    $('.outcancle').click(function () {
        $('.fixedbox').hide()
    })
    
    $('#repair').click(function () {
        $('.repair').show()
    })
    $('#unopened').click(function () {
        $('.unopened').show()
    })
    function getTime() {
        var date = new Date();
        document.getElementById("f-now-time").innerHTML = date.getFullYear() + '-' + (date.getMonth()+1) + '-' + date.getDate()
        // var d1=date.toLocaleDateString();
        // document.getElementById("f-now-time").innerHTML =d1;
    }

    setInterval("getTime();", 1000);
</script>
</html>
